@charset "utf-8";
*{ font-family: "微软雅黑"; font-size: 14px; line-height: 1.8; margin: 0 auto; padding: 0px;}
ul,li,ol{ list-style: none;}
a{color: #666;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}
a{ -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;cursor: pointer;}
img{ max-width: 100%; height: auto;}
em{font-style: normal;font-weight: normal;}
body{position: relative;}
.pull-left{float: left;}
.pull-right{float: right;}
.fl_l{float: left;}
.fl_r{float: right;}
.clear{ clear: both;}

/*logo*/
.nav_logo{height: 130px;border-top: 4px solid #009944;}
.nav_logo .container{padding: 24px 0px;}

.nav_logo .logoin div{color: #666666;font-size: 16px;font-weight: normal;border-left: 1px solid #d2d2d2;padding-left: 24px;margin-top: 15px;}
.nav_logo .logoin div span{font-weight: bold;font-size: 20px;line-height: 1;}
.nav_logo .logoin div em{display: block;color: #009944;font-size: 18px;font-weight: bold;line-height: 1.2;}

.nav_logo .logoright p{padding: 0 0 0 52px;background: url(../images/tel.jpg) no-repeat left top;color: #999999;font-size: 12px;font-family: "Microsoft Yahei";}
.nav_logo .logoright span{display: block;font-size: 24px;color: #009944;font-family: '微软雅黑', Arial, Helvetica, sans-serif;font-weight: bold;letter-spacing: 1px;line-height: 1.2;}










/*banner*/
.swiper-pagination{width: 20%!important;right: 0%;left: 45%!important;}
.swiper-pagination-bullet{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;    color: #009944;opacity: 1;background: #efefef;border: 1px solid #009944;border-radius: 0;}
.swiper-pagination-bullet-active{background: #009944;color: #fff;border: 1px solid #009944;box-shadow: none;}




/*Universal*/
.Universal .tit{font-weight: bold;padding-left: 20px;background: url(../images/tit.jpg) no-repeat left bottom;height: 39px;line-height: 39px;color: #009944;font-size: 14px;}



/*tongyong*/
.headlist{border: 1px solid #ccc;padding: 5px 10px;border-radius: 5px;}
.headlist span,.headlist a{color: #666;font-size: 12px;}



/*pages*/
.pages{text-align:center;}
.pages span,.pages a{padding: 3px 8px;margin: 0px 5px;color: #595959;border: #929292 1px solid;}
.pages .current{background: #009944;color: #fff;padding: 3px 8px;}
.pages .disabled:hover,.pages a:hover{background: #009944;color: #fff;padding: 3px 8px;}


/*footer*/
footer{color:#999;position: relative;}
footer div{font-size: 13px;padding: 15px 0;}
footer div img{margin: 5px 0px;}
footer .ft_ewm{position: absolute;max-width: 110px;right: 30%;top: 20px;text-align: center;}
footer .ft_ewm span{font-size: 13px;}


@media (min-width:960px){
    .nav1{background: url(../images/navbg.jpg) repeat-x;}
    .navbar-expand-lg{padding: 0;}
    .nav1 .navbar_nav{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
    .nav1 .list-nav-top{width: 100%;}
    .nav1 .navbar_nav>li{flex: 1;float: left;}
    .nav1 .navbar_nav>li>a{font-size: 14px;display: block;line-height: 45px;font-weight: bold;color: white!important;}

    .nav1 .navbar_nav>li>a:hover{background: url(../images/hover.jpg) repeat-x;}

    .nav2{background: url(../images/navbg.jpg) repeat-x;}
    .nav2 ul{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
    .nav2 ul>li{flex: 1;float: left;}
    .nav2 ul>li>a{font-size: 12px;display: block;line-height: 40px;font-weight: bold;color: white!important;background: url(../images/line2.jpg) no-repeat left center;}

    .nav1 .navlib{text-align: center;margin: 0;position: relative;}
    .nav1 .navlib .lista{display: block;color: #fff;transition: all .3s ease-in-out 0s;}
    .navlib .navdown{position: absolute;width: 100%;background: #009A44;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);z-index: 999;}
    .nav1 .navlib ul{padding:0;}
    .navlib .navdown li{font-size: 14px;padding: 5px 0px;border-bottom: 1px solid #ddd;}
    .navlib .navdown li:hover{background:#1AA256;}
    .navlib .navdown li a{color: white;}
    .navopen:hover .navdown{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
    .navopen li .nta1 i{float: right;margin-right: 5px;}
    .navlib .navdown ul{position: absolute;top: 1px;left: 169px;width: 100%;background: #009A44;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);visibility: hidden;opacity: 0;cursor: pointer;}
    .navlib .navdown li:hover ul{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}


}





@media (max-width: 767px) {
  .hidden-xs {display: none !important;}


  .nav1 ul{position: fixed;width: 280px;height: 355px;overflow: auto;padding: 15px 0;top: 50%;left: 50%;margin: -290px 0 0 -140px;z-index: 9999999999;background-color: #fff;box-shadow: 0 0 10px #f1f1f1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
  .nav1 ul li a{font-size: 18px;display: block;color: #333;position: relative;line-height: 40px;border-bottom: 1px solid #f9f9f9;text-align: center;}

  .nav1 .nav-block ul{transform: scale(1);}

  #cloud{display: none;position: fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;top: 0;}


  .nav1 .navbar-hover{position: absolute;right:15px;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#00ac21;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
  .nav1 .navbar-hover::after, .nav1 .navbar-hover::before{content:'';width:24px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#00ac21;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
  .nav1 .navbar-hover::after{top:9px;}
  .nav1 .navbar-hover::before{top:-9px;}
  .nav1 .navbar-box.on .navbar-hover{width:0;}
  .nav1 .navbar-box.on .navbar-hover::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
  .nav1 .navbar-box.on .navbar-hover::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}


}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {display: none !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {display: none !important;}
}
@media (min-width: 1200px) {
  .hidden-lg {display: none !important;}
}
@media (min-width: 1400px) {
  .container{max-width: 1390px!important;}
  .nav2 .container{max-width: 1030px!important;}
}